<template>
	<view class="main">
		<img :src="travelNew.image" alt="">
		<p class="title">{{travelNew.title}}</p>
		<p class="text">{{travelNew.information}}</p>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				travelNew: ''
			}
		},
		onLoad(options) {

			console.log("接受参数", options);
			// 先解密
			let codeString = decodeURIComponent(options.detail)
			// 再转回对象
			let par = JSON.parse(codeString)
			console.log(par);
			// 赋值
			this.travelNew = par
			console.log(this.travelNew);

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.main{
		width: 100%;
		height: 100%;
	}
	img{
		width: 100%;
		height: 350rpx;
	}
	.title {
		width: 85%;
		line-height: 80rpx;
		font-size: 50rpx;
		font-weight: 900;
		text-align: center;
		margin: 0 auto;
	}
	
	.text{
		text-align: center;
	}
</style>